#userLayout {
  margin: 0;
  padding: 0;
  background-image: url('@/assets/login/login_bg.jpg');
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  position: relative;

  .loginTitle {
    position: absolute;
    left: 50px;
    top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
      width: 65px;
      height: 63px;
      margin-right: 20px;
    }

    .loginText {
      color: #fff;
      font-size: 35px;
      letter-spacing: 3px;
    }
  }

  .input-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 6px;
    padding-top: 4px;
  }

  .password {
    cursor: pointer;
  }
  // 媒体查询
  @media screen and (max-width: 1440px) {
    .login_panel {
        transform: scale(0.92);
        position: absolute;
        top: 30%;
        right: 11%;
        // background-color: rgba(255, 255, 255, .8);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    
        .login_panel_form {
          width: 420px;
          background-color: #fff;
          padding: 40px 40px 40px 40px;
          border-radius: 10px;
          box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.2);
    
          .login_panel_form_title {
            display: flex;
            align-items: center;
            margin: 30px 0;
    
            .login_panel_form_title_logo {
              width: 90px;
              height: 72px;
            }
    
            .login_panel_form_title_p {
              font-size: 30px;
              color: #409eff;
              font-weight: bold; // padding-left: 20px;
            }
          }
    
          .vPicBox {
            display: flex;
            justify-content: space-between;
            width: 100%;
          }
    
          .vPic {
            width: 33%;
            height: 38px;
            background: #ccc;
    
            img {
              width: 100%;
              height: 100%;
              vertical-align: middle;
            }
          }
        }
      }

  }
  @media screen and (min-width:1441px) {
    .login_panel {
        position: absolute;
        top: 30%;
        right: 15%;
        // background-color: rgba(255, 255, 255, .8);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    
        .login_panel_form {
          width: 420px;
          background-color: #fff;
          padding: 40px 40px 40px 40px;
          border-radius: 10px;
          box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.2);
    
          .login_panel_form_title {
            display: flex;
            align-items: center;
            margin: 30px 0;
    
            .login_panel_form_title_logo {
              width: 90px;
              height: 72px;
            }
    
            .login_panel_form_title_p {
              font-size: 30px;
              color: #409eff;
              font-weight: bold; // padding-left: 20px;
            }
          }
    
          .vPicBox {
            display: flex;
            justify-content: space-between;
            width: 100%;
          }
    
          .vPic {
            width: 33%;
            height: 38px;
            background: #ccc;
    
            img {
              width: 100%;
              height: 100%;
              vertical-align: middle;
            }
          }
        }
      }
  }
//   @media screen and (min-width: 601px) and (max-width: 990px) {
//   }

 

  .login_panel_foot {
    position: fixed;
    bottom: 80px;
    left: 50%;
    color: #fff;

    transform: translateX(-50%);

    .copyright {
      font-size: 20px;
    }
  }
}

//小屏幕不显示右侧，将登录框居中
@media (max-width: 750px) {
  .login_panel {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
  }

  .login_panel_form {
    width: 100%;
  }
}

/*
  powerBy : bypanghu@163.com
*/
